<template>
    <div>
      <mt-swipe :auto="4000" id="ai">
  <mt-swipe-item v-for="imse in lolist" :key="imse.id">
      <!-- {{imse.id}} -->
        <img :src="imse.img" alt="">
  </mt-swipe-item>
 
 
</mt-swipe>
    </div>
</template>
<script>
export default {
    
    props:["lolist"]
}
</script>
<style lang="scss">
#ai{
height: 200px;

.mint-swipe-item:nth-child(1){
    background-color: rebeccapurple;
}
.mint-swipe-item:nth-child(2){
    background-color:cadetblue;
}
.mint-swipe-item:nth-child(3){
    background-color:black;
}
img{
    width: 100%;
   height: 200px;
}
}
</style>
